Smalltalk MVC
#設計 #MVC #OOUI
@koushisa: Reactはコンポーネントそれ自体を賢くする方向性に向かっていて、その思想の行き着く先は原点回帰したMVC1(Smalltalk MVC)であると思いを馳せている
https://note.com/tenjuu99/n/n0232ccd1089d
https://note.com/tenjuu99/n/nbbb4b273676d
@manabuueno: MVC パターンを考案したリーンスカウクによるこの図も同様のことを示しています。ユーザーのメンタルモデルとコンピューターのデータモデルが同期し、それを操作するツールとして両者の間にビューとコントローラーがあるというものです。ユーザーは OOUI を通じて自分の頭の中を操作できるのです。
https://pbs.twimg.com/media/Ei2k-ZFVgAENBSK.jpg
@manabuueno: オブジェクト指向プログラミングと GUI デザインを別々なものとして考えるのはおかしい。なぜなら、コンピュータの在り方をユーザーの知覚と認知から見立てようとするのがオブジェクト指向であり、それは要するに、UIこそがコンピュータであるという発想に基づいているからだ。
https://pbs.twimg.com/media/EAIfVAwUYAAmBtE.jpg
@manabuueno: ダン・インガルスによれば Smalltalk のコンセプトは、知覚される顕在的な入出力モデルと、潜在的に共有される精神レベルのモデルの、両方をサポートすることだった。 https://t.co/Hb4vPTAl3s
https://pbs.twimg.com/media/EAIfbt1VUAAg3fi.jpg
@manabuueno: またリーンスカウク/コプリエンによれば、「直接操作メタファ」とは、GUI として単にスクリーン上の要素を操作できるというだけでなく、オブジェクト指向によってユーザーは頭の中にあるイメージをコンピュータのメモリ上で実際に操作できるという意味なのである。 https://t.co/3oDxArnV8b
https://pbs.twimg.com/media/EAIgnj-U0AAHhyH.jpg
コンピューターモデル
これがよく良く言われるモデル
システムの振る舞いやデータ構造に関する開発者のメンタルモデル
アクターモデル
ユーザーのメンタルモデル
これはユーザーにとってのモデル
UI/UXそのもの
この両者が乖離すると開発しづらく、ユーザーとしても使いづらいシステムになる
いいデザインはこのギャップを埋める
プログラム以外にもあらゆる観点でメンタルモデルと一致した状態を目指す
モードレスUI
道具は使用者をコントロールするのではなく使用者がコントロールするものだ。
最終的に道具を状況に適合させるのはユーザー側の務め
koushisa.iconの思うこの思想に近いアプリ
Scrapbox, Excel, Notion, Vim, Obsidian, Miro,Raycast
タスク遂行を妨げない直感的なUI
フラットなフラクタル構造でスケールする概念
ニーズに合わせ拡張できるプラグイン機構